RECAD 


An Array is a list in JavaScript 


To iterate through the array 


for (const person of partyPeople) { 
sendiInvite(person) 


\ 


RECAD 


Arrays are zero indexed 


Let partyPeople = ["Spongebob", "Patrick", "Sandy" | 


partyPeople[@] // Notice, Arrays are zero-indexed! 


Values can be changed 


RECAN 


pop — remove and return the 


: artyPeople. 
last item seas reds 0 


shiff —remove and return the 


. partyPeople. (2) 
first Item 


Unshift — insert an item to 
the beginning 


i 
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partyPeople. 


Learning Objective 


Understand what a map Is 


Learn about key — value pairs 


Make your very own cipher encryption 


Goadl 


At the end of this lesson we want fo be able to 
Implement our very own mixed alohabet? cipher 
encryptor/decryptor! 


Reminder: Mixed Alohabet Cipher | 


Create ag mapping between each letter and a different letter 


Sentinel SITAL WAY OF LIFE 


Example 
“ATTACK AT DAWN” 


CE ee ee ee ee eee 
E L M I S N D 


| 


“ELLEMI EL SEND” 


Coding the Cipher 
We would need To: 


1. Define a mapping trom 2. Perform the 
each letter fo another substitution for the letters 


— 


~ 
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Maps in Javascript 


We can initialize a map using Key-Value pairs 


Let myMap = { key: "va 


Then to get the value of a key: 


myMap. key 
myMap[ “key” ] 
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Maps in Javascript 
The keys must be unique |! 


There cannot be two keys with the same name. 


Zp, a 


The keys can be anything, not just strings. 


.w1100 
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Why Maps¢ 


Maps allow us fo organize information in an easy 
To access way 


Like the index of d book: 
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Adding/Modifying Values 


You can attach a new value for a key using the = operator 


Uviatel ee Soi = "value" 
myMap[” tNam 
HET: FirstName 

// “Toby” 


Checking if a key exists 


To check if a key exists use the following syntax: 


if (key in map) { 
// Logic 


Map Size (Extra Reading) 


To get the number of Key-Value pairs in a Map: 


Key m_) MAYZellUl= 


Key ==> BAYZollUls 
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Iterating over Map Keys 


Let birthdays 
John: "09/16/1940", 
Paul: "18/06/1942", 
Ringo: "07/07/1940", 
George: "25/02/1943" 
} 


for (Let person in birthdays) { 


console. log( %{person} was born on ${birthdays[person]}° ) 


DING OUR DIGITAL WAY OF LIFE 


Iterating over Map Keys 


Let birthdays 
John: "09/16/1940", 
Paul: "18/06/1942", 
Ringo: "07/07/1940", 
George: "25/02/1943" 
} 


for (Let perscn in birthdays) { 


console.log, %{person} was born on ${birthdays[person]}- ) 


DING OUR DIGITAL WAY OF LIFE 


Iterating over Map Pairs 


Object.entries(map) returns an array of [key, 


value] pairs 
The pairs themselves are just Arrays with 2 


elements 


for (const [person, date] of Object.entries(birthdays)) { 
console.log( > %{person} was born on ${date}~ ) 


Caveats 


Maps don’t have a particular order to their keys 


So, fo sort the pairs we would need To convert the 
Map into an Array first 


ee 
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Back to the Cipher 


How can we define the mixed alohabet map¢ 
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Substituting 


Let text = “attack at dawn" 


Let ciphertext = text. toUpperCase() 
for (const [key, value] of Object.entries(KEY)) { 

ciphertext = ciphertext.replaceAll(key, value) 
} 


le 


Summary 


How do we code a cipher¢ 


1. Define a mapping trom 
each letter to another 


2. Perform the 
substitution for the letters 
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Initialise Map 


Check if key 7 oy ian : 


exist 


Replace the 


Summary 


lterating over Map Keys 


for (Let person in birthdays) { 
console.log( ${person} was born on ${birthdays[person]}~ ) 


i 


Iterating over Map Pairs 


for (const [person, date] of Object.entries(birthdays)) { 
console.log( S{person} was born on ${date} ) 


Demo Time 


Mixed Alohabet Cipher 
Implementation 


TEXT 


ICONS 


HEADER 


SLIDER 


4 


Questions? 


$ 
Sentinel 


Your Turn! 


> Play around, have 
fun, ask questions! 


